<!DOCTYPE html>
<html lang="en" class="normalFont">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides useful information about the chemical elements. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element."
    />
    <meta
      name="keywords"
      content="Periodic Table, chemical, elements, interactive, PWA, properties, history, name origin, images, applications, hazards, electron shell, diagram, chemistry, electron configuration, isotopes, information"
    />
    <meta name="author" content="Naveen CS" />
    <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <link rel="manifest" href="manifest.json" />
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#0078d7" />
    <link rel="canonical" href="https://periodic-table.io/" />
    <meta name="msapplication-TileColor" content="#0078d7" />
    <meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="/images/icons/mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="/images/icons/mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="/images/icons/mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="/images/icons/mstile-310x310.png" />
    <meta name="theme-color" content="#0078d7" />
    <meta name="google" content="notranslate" />
    <meta name="robots" content="index,follow" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta property="og:site_name" content="Periodic-Table.io" />
    <meta property="og:title" content="Elements: The Periodic Table" />
    <meta
      property="og:description"
      content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides comprehensive and useful information about the chemical elements all in one place. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element."
    />
    <meta property="og:image" content="https://periodic-table.io/images/icons/android-chrome-256x256.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://periodic-table.io/" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@periodictableio" />

    <title id="homeTitle">Elements: The Periodic Table</title>
    <link rel="stylesheet" href="style.min.css" />
    <script defer src="svelte-bundle.js"></script>

    <link rel="preload" href="fonts/pt-icons.woff" as="font" type="font/woff" crossorigin="anonymous" />
    <link rel="preload" href="fonts/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
    <link rel="preload" href="fonts/LatoLatin-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
    <link rel="preload" href="btstrp.list.iso.min.js" as="script" />

    <!-- <style>
    </style> -->
    <script>
      if ("serviceWorker" in navigator) {
        window.addEventListener("load", function () {
          navigator.serviceWorker
            .register("/sw.js")
            .then(function (o) {
              console.log("Workbox SW registered: ", o);
            })
            .catch(function (o) {
              console.log("Workbox SW registration failed: ", o);
            });
        });
      }
    </script>
  </head>

  <body id="body">
    <script>
      document.body.className += " fade-out";
    </script>
    <!-- Fixed navbar -->
    <div id="topNavbar" class="navbar navbar-default navbar-fixed-top heavyFont" role="navigation"></div>
    <div id="headerwrap">
      <table id="ptable" class="table square margin-bottom-20">
        <tbody class="text-left">
          <tr class="text-center">
            <td id="groupPeriod" class="heavyFont">
              <span id="groupHeader"><span id="group"></span> →</span> <br /><span id="periodHeader">↓ <span id="period"></span></span>
            </td>
            <td id="group1" class="groups unselectable c1">1</td>
            <td id="group2" class="groups unselectable c2">2</td>
            <td id="group3" class="groups unselectable c3">3</td>
            <td id="group4" class="groups unselectable c4">4</td>
            <td id="group5" class="groups unselectable c5">5</td>
            <td id="group6" class="groups unselectable c6">6</td>
            <td id="group7" class="groups unselectable c7">7</td>
            <td id="group8" class="groups unselectable c8">8</td>
            <td id="group9" class="groups unselectable c9">9</td>
            <td id="group10" class="groups unselectable c10">10</td>
            <td id="group11" class="groups unselectable c11">11</td>
            <td id="group12" class="groups unselectable c12">12</td>
            <td id="group13" class="groups unselectable c13">13</td>
            <td id="group14" class="groups unselectable c14">14</td>
            <td id="group15" class="groups unselectable c15">15</td>
            <td id="group16" class="groups unselectable c16">16</td>
            <td id="group17" class="groups unselectable c17">17</td>
            <td id="group18" class="groups unselectable c18">18</td>
            <td id="group19" class="groups unselectable"></td>
          </tr>
          <tr>
            <td id="period1" class="periods unselectable r1 text-center">1</td>
            <td id="ele1" class="outerElement eleTD">
              <div id="element1" class="elements otherNonmetals r1 c1">
                <div class="eleNum">1</div>
                <div class="eleSym heavyFont">H</div>
                <div class="eleNm" id="hydrogen"></div>
                <div class="eleWt">1.00794</div>
              </div>
            </td>
            <td></td>
            <td id="snippetDetails" colspan="10" rowspan="3">
              <table class="square">
                <tr>
                  <td class="snippetGap"></td>
                  <td id="snippetOuter">
                    <div id="snippet" class="square">
                      <div id="snippetNum"></div>
                      <div id="snippetSym" class="text-center"></div>
                      <div id="snippetWt" class="text-right"></div>
                    </div>
                  </td>
                  <td class="snippetGap"></td>
                  <td id="snippetRight">
                    <table id="details" class="square text-left">
                      <tr>
                        <td id="detailRow1" class="heavyFont text-upper detailRow1" colspan="2"></td>
                      </tr>
                      <tr>
                        <td id="detailRow2"></td>
                        <td id="valueRow2"></td>
                      </tr>
                      <tr>
                        <td id="detailRow3"></td>
                        <td id="valueRow3"></td>
                      </tr>
                      <tr>
                        <td id="detailRow4"></td>
                        <td id="valueRow4"></td>
                      </tr>
                      <tr>
                        <td id="detailRow5"></td>
                        <td id="valueRow5" class="ltrText text-left"></td>
                      </tr>
                      <tr>
                        <td id="detailRow6"></td>
                        <td id="valueRow6" class="ltrText text-left"></td>
                      </tr>
                      <tr></tr>
                    </table>
                  </td>
                  <td class="snippetGap"></td>
                </tr>
              </table>
            </td>
            <td colspan="5"></td>
            <td id="ele2" class="outerElement eleTD">
              <div id="element2" class="elements nobleGases r1 c18">
                <div class="eleNum">2</div>
                <div class="eleSym heavyFont">He</div>
                <div class="eleNm" id="helium"></div>
                <div class="eleWt">4.002602</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period2" class="periods unselectable r2 text-center">2</td>
            <td id="ele3" class="eleTD">
              <div id="element3" class="elements alkaliMetals r2 c1">
                <div class="eleNum">3</div>
                <div class="eleSym heavyFont">Li</div>
                <div class="eleNm" id="lithium"></div>
                <div class="eleWt">6.941</div>
              </div>
            </td>
            <td id="ele4" class="eleTD">
              <div id="element4" class="elements alkalineEarthMetals r2 c2">
                <div class="eleNum">4</div>
                <div class="eleSym heavyFont">Be</div>
                <div class="eleNm" id="beryllium"></div>
                <div class="eleWt">9.012182</div>
              </div>
            </td>
            <td id="ele5" class="eleTD">
              <div id="element5" class="elements metalloids r2 c13">
                <div class="eleNum">5</div>
                <div class="eleSym heavyFont">B</div>
                <div class="eleNm" id="boron"></div>
                <div class="eleWt">10.811</div>
              </div>
            </td>
            <td id="ele6" class="eleTD">
              <div id="element6" class="elements otherNonmetals r2 c14">
                <div class="eleNum">6</div>
                <div class="eleSym heavyFont">C</div>
                <div class="eleNm" id="carbon"></div>
                <div class="eleWt">12.0107</div>
              </div>
            </td>
            <td id="ele7" class="eleTD">
              <div id="element7" class="elements otherNonmetals r2 c15">
                <div class="eleNum">7</div>
                <div class="eleSym heavyFont">N</div>
                <div class="eleNm" id="nitrogen"></div>
                <div class="eleWt">14.0067</div>
              </div>
            </td>
            <td id="ele8" class="eleTD">
              <div id="element8" class="elements otherNonmetals r2 c16">
                <div class="eleNum">8</div>
                <div class="eleSym heavyFont">O</div>
                <div class="eleNm" id="oxygen"></div>
                <div class="eleWt">15.9994</div>
              </div>
            </td>
            <td id="ele9" class="eleTD">
              <div id="element9" class="elements halogens r2 c17">
                <div class="eleNum">9</div>
                <div class="eleSym heavyFont">F</div>
                <div class="eleNm" id="fluorine"></div>
                <div class="eleWt">18.9984032</div>
              </div>
            </td>
            <td id="ele10" class="eleTD">
              <div id="element10" class="elements nobleGases r2 c18">
                <div class="eleNum">10</div>
                <div class="eleSym heavyFont">Ne</div>
                <div class="eleNm" id="neon"></div>
                <div class="eleWt">20.1797</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period3" class="periods unselectable r3 text-center">3</td>
            <td id="ele11" class="eleTD">
              <div id="element11" class="elements alkaliMetals r3 c1">
                <div class="eleNum">11</div>
                <div class="eleSym heavyFont">Na</div>
                <div class="eleNm" id="sodium"></div>
                <div class="eleWt">22.98976928</div>
              </div>
            </td>
            <td id="ele12" class="eleTD">
              <div id="element12" class="elements alkalineEarthMetals r3 c2">
                <div class="eleNum">12</div>
                <div class="eleSym heavyFont">Mg</div>
                <div class="eleNm" id="magnesium"></div>
                <div class="eleWt">24.305</div>
              </div>
            </td>
            <td id="ele13" class="eleTD">
              <div id="element13" class="elements postTransitionMetals r3 c13">
                <div class="eleNum">13</div>
                <div class="eleSym heavyFont">Al</div>
                <div class="eleNm" id="aluminium"></div>
                <div class="eleWt">26.9815386</div>
              </div>
            </td>
            <td id="ele14" class="eleTD">
              <div id="element14" class="elements metalloids r3 c14">
                <div class="eleNum">14</div>
                <div class="eleSym heavyFont">Si</div>
                <div class="eleNm" id="silicon"></div>
                <div class="eleWt">28.0855</div>
              </div>
            </td>
            <td id="ele15" class="eleTD">
              <div id="element15" class="elements otherNonmetals r3 c15">
                <div class="eleNum">15</div>
                <div class="eleSym heavyFont">P</div>
                <div class="eleNm" id="phosphorus"></div>
                <div class="eleWt">30.973762</div>
              </div>
            </td>
            <td id="ele16" class="eleTD">
              <div id="element16" class="elements otherNonmetals r3 c16">
                <div class="eleNum">16</div>
                <div class="eleSym heavyFont">S</div>
                <div class="eleNm" id="sulfur"></div>
                <div class="eleWt">32.065</div>
              </div>
            </td>
            <td id="ele17" class="eleTD">
              <div id="element17" class="elements halogens r3 c17">
                <div class="eleNum">17</div>
                <div class="eleSym heavyFont">Cl</div>
                <div class="eleNm" id="chlorine"></div>
                <div class="eleWt">35.453</div>
              </div>
            </td>
            <td id="ele18" class="eleTD">
              <div id="element18" class="elements nobleGases r3 c18">
                <div class="eleNum">18</div>
                <div class="eleSym heavyFont">Ar</div>
                <div class="eleNm" id="argon"></div>
                <div class="eleWt">39.948</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period4" class="periods unselectable r4 text-center">4</td>
            <td id="ele19" class="eleTD">
              <div id="element19" class="elements alkaliMetals r4 c1">
                <div class="eleNum">19</div>
                <div class="eleSym heavyFont">K</div>
                <div class="eleNm" id="potassium"></div>
                <div class="eleWt">39.0983</div>
              </div>
            </td>
            <td id="ele20" class="eleTD">
              <div id="element20" class="elements alkalineEarthMetals r4 c2">
                <div class="eleNum">20</div>
                <div class="eleSym heavyFont">Ca</div>
                <div class="eleNm" id="calcium"></div>
                <div class="eleWt">40.078</div>
              </div>
            </td>
            <td id="ele21" class="eleTD">
              <div id="element21" class="elements transitionMetals r4 c3">
                <div class="eleNum">21</div>
                <div class="eleSym heavyFont">Sc</div>
                <div class="eleNm" id="scandium"></div>
                <div class="eleWt">44.955912</div>
              </div>
            </td>
            <td id="ele22" class="eleTD">
              <div id="element22" class="elements transitionMetals r4 c4">
                <div class="eleNum">22</div>
                <div class="eleSym heavyFont">Ti</div>
                <div class="eleNm" id="titanium"></div>
                <div class="eleWt">47.867</div>
              </div>
            </td>
            <td id="ele23" class="eleTD">
              <div id="element23" class="elements transitionMetals r4 c5">
                <div class="eleNum">23</div>
                <div class="eleSym heavyFont">V</div>
                <div class="eleNm" id="vanadium"></div>
                <div class="eleWt">50.9415</div>
              </div>
            </td>
            <td id="ele24" class="eleTD">
              <div id="element24" class="elements transitionMetals r4 c6">
                <div class="eleNum">24</div>
                <div class="eleSym heavyFont">Cr</div>
                <div class="eleNm" id="chromium"></div>
                <div class="eleWt">51.9961</div>
              </div>
            </td>
            <td id="ele25" class="eleTD">
              <div id="element25" class="elements transitionMetals r4 c7">
                <div class="eleNum">25</div>
                <div class="eleSym heavyFont">Mn</div>
                <div class="eleNm" id="manganese"></div>
                <div class="eleWt">54.938045</div>
              </div>
            </td>
            <td id="ele26" class="eleTD">
              <div id="element26" class="elements transitionMetals r4 c8">
                <div class="eleNum">26</div>
                <div class="eleSym heavyFont">Fe</div>
                <div class="eleNm" id="iron"></div>
                <div class="eleWt">55.845</div>
              </div>
            </td>
            <td id="ele27" class="eleTD">
              <div id="element27" class="elements transitionMetals r4 c9">
                <div class="eleNum">27</div>
                <div class="eleSym heavyFont">Co</div>
                <div class="eleNm" id="cobalt"></div>
                <div class="eleWt">58.933195</div>
              </div>
            </td>
            <td id="ele28" class="eleTD">
              <div id="element28" class="elements transitionMetals r4 c10">
                <div class="eleNum">28</div>
                <div class="eleSym heavyFont">Ni</div>
                <div class="eleNm" id="nickel"></div>
                <div class="eleWt">58.6934</div>
              </div>
            </td>
            <td id="ele29" class="eleTD">
              <div id="element29" class="elements transitionMetals r4 c11">
                <div class="eleNum">29</div>
                <div class="eleSym heavyFont">Cu</div>
                <div class="eleNm" id="copper"></div>
                <div class="eleWt">63.546</div>
              </div>
            </td>
            <td id="ele30" class="eleTD">
              <div id="element30" class="elements transitionMetals r4 c12">
                <div class="eleNum">30</div>
                <div class="eleSym heavyFont">Zn</div>
                <div class="eleNm" id="zinc"></div>
                <div class="eleWt">65.38</div>
              </div>
            </td>
            <td id="ele31" class="eleTD">
              <div id="element31" class="elements postTransitionMetals r4 c13">
                <div class="eleNum">31</div>
                <div class="eleSym heavyFont">Ga</div>
                <div class="eleNm" id="gallium"></div>
                <div class="eleWt">69.723</div>
              </div>
            </td>
            <td id="ele32" class="eleTD">
              <div id="element32" class="elements metalloids r4 c14">
                <div class="eleNum">32</div>
                <div class="eleSym heavyFont">Ge</div>
                <div class="eleNm" id="germanium"></div>
                <div class="eleWt">72.63</div>
              </div>
            </td>
            <td id="ele33" class="eleTD">
              <div id="element33" class="elements metalloids r4 c15">
                <div class="eleNum">33</div>
                <div class="eleSym heavyFont">As</div>
                <div class="eleNm" id="arsenic"></div>
                <div class="eleWt">74.9216</div>
              </div>
            </td>
            <td id="ele34" class="eleTD">
              <div id="element34" class="elements otherNonmetals r4 c16">
                <div class="eleNum">34</div>
                <div class="eleSym heavyFont">Se</div>
                <div class="eleNm" id="selenium"></div>
                <div class="eleWt">78.96</div>
              </div>
            </td>
            <td id="ele35" class="eleTD">
              <div id="element35" class="elements halogens r4 c17">
                <div class="eleNum">35</div>
                <div class="eleSym heavyFont">Br</div>
                <div class="eleNm" id="bromine"></div>
                <div class="eleWt">79.904</div>
              </div>
            </td>
            <td id="ele36" class="eleTD">
              <div id="element36" class="elements nobleGases r4 c18">
                <div class="eleNum">36</div>
                <div class="eleSym heavyFont">Kr</div>
                <div class="eleNm" id="krypton"></div>
                <div class="eleWt">83.798</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period5" class="periods unselectable r5 text-center">5</td>
            <td id="ele37" class="eleTD">
              <div id="element37" class="elements alkaliMetals r5 c1">
                <div class="eleNum">37</div>
                <div class="eleSym heavyFont">Rb</div>
                <div class="eleNm" id="rubidium"></div>
                <div class="eleWt">85.4678</div>
              </div>
            </td>
            <td id="ele38" class="eleTD">
              <div id="element38" class="elements alkalineEarthMetals r5 c2">
                <div class="eleNum">38</div>
                <div class="eleSym heavyFont">Sr</div>
                <div class="eleNm" id="strontium"></div>
                <div class="eleWt">87.62</div>
              </div>
            </td>
            <td id="ele39" class="eleTD">
              <div id="element39" class="elements transitionMetals r5 c3">
                <div class="eleNum">39</div>
                <div class="eleSym heavyFont">Y</div>
                <div class="eleNm" id="yttrium"></div>
                <div class="eleWt">88.90585</div>
              </div>
            </td>
            <td id="ele40" class="eleTD">
              <div id="element40" class="elements transitionMetals r5 c4">
                <div class="eleNum">40</div>
                <div class="eleSym heavyFont">Zr</div>
                <div class="eleNm" id="zirconium"></div>
                <div class="eleWt">91.224</div>
              </div>
            </td>
            <td id="ele41" class="eleTD">
              <div id="element41" class="elements transitionMetals r5 c5">
                <div class="eleNum">41</div>
                <div class="eleSym heavyFont">Nb</div>
                <div class="eleNm" id="niobium"></div>
                <div class="eleWt">92.90638</div>
              </div>
            </td>
            <td id="ele42" class="eleTD">
              <div id="element42" class="elements transitionMetals r5 c6">
                <div class="eleNum">42</div>
                <div class="eleSym heavyFont">Mo</div>
                <div class="eleNm" id="molybdenum"></div>
                <div class="eleWt">95.96</div>
              </div>
            </td>
            <td id="ele43" class="eleTD">
              <div id="element43" class="elements transitionMetals r5 c7">
                <div class="eleNum">43</div>
                <div class="eleSym heavyFont">Tc</div>
                <div class="eleNm" id="technetium"></div>
                <div class="eleWt">[98]</div>
              </div>
            </td>
            <td id="ele44" class="eleTD">
              <div id="element44" class="elements transitionMetals r5 c8">
                <div class="eleNum">44</div>
                <div class="eleSym heavyFont">Ru</div>
                <div class="eleNm" id="ruthenium"></div>
                <div class="eleWt">101.07</div>
              </div>
            </td>
            <td id="ele45" class="eleTD">
              <div id="element45" class="elements transitionMetals r5 c9">
                <div class="eleNum">45</div>
                <div class="eleSym heavyFont">Rh</div>
                <div class="eleNm" id="rhodium"></div>
                <div class="eleWt">102.9055</div>
              </div>
            </td>
            <td id="ele46" class="eleTD">
              <div id="element46" class="elements transitionMetals r5 c10">
                <div class="eleNum">46</div>
                <div class="eleSym heavyFont">Pd</div>
                <div class="eleNm" id="palladium"></div>
                <div class="eleWt">106.42</div>
              </div>
            </td>
            <td id="ele47" class="eleTD">
              <div id="element47" class="elements transitionMetals r5 c11">
                <div class="eleNum">47</div>
                <div class="eleSym heavyFont">Ag</div>
                <div class="eleNm" id="silver"></div>
                <div class="eleWt">107.8682</div>
              </div>
            </td>
            <td id="ele48" class="eleTD">
              <div id="element48" class="elements transitionMetals r5 c12">
                <div class="eleNum">48</div>
                <div class="eleSym heavyFont">Cd</div>
                <div class="eleNm" id="cadmium"></div>
                <div class="eleWt">112.411</div>
              </div>
            </td>
            <td id="ele49" class="eleTD">
              <div id="element49" class="elements postTransitionMetals r5 c13">
                <div class="eleNum">49</div>
                <div class="eleSym heavyFont">In</div>
                <div class="eleNm" id="indium"></div>
                <div class="eleWt">114.818</div>
              </div>
            </td>
            <td id="ele50" class="eleTD">
              <div id="element50" class="elements postTransitionMetals r5 c14">
                <div class="eleNum">50</div>
                <div class="eleSym heavyFont">Sn</div>
                <div class="eleNm" id="tin"></div>
                <div class="eleWt">118.71</div>
              </div>
            </td>
            <td id="ele51" class="eleTD">
              <div id="element51" class="elements metalloids r5 c15">
                <div class="eleNum">51</div>
                <div class="eleSym heavyFont">Sb</div>
                <div class="eleNm" id="antimony"></div>
                <div class="eleWt">121.76</div>
              </div>
            </td>
            <td id="ele52" class="eleTD">
              <div id="element52" class="elements metalloids r5 c16">
                <div class="eleNum">52</div>
                <div class="eleSym heavyFont">Te</div>
                <div class="eleNm" id="tellurium"></div>
                <div class="eleWt">127.6</div>
              </div>
            </td>
            <td id="ele53" class="eleTD">
              <div id="element53" class="elements halogens r5 c17">
                <div class="eleNum">53</div>
                <div class="eleSym heavyFont">I</div>
                <div class="eleNm" id="iodine"></div>
                <div class="eleWt">126.90447</div>
              </div>
            </td>
            <td id="ele54" class="eleTD">
              <div id="element54" class="elements nobleGases r5 c18">
                <div class="eleNum">54</div>
                <div class="eleSym heavyFont">Xe</div>
                <div class="eleNm" id="xenon"></div>
                <div class="eleWt">131.293</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period6" class="periods unselectable r6 text-center">6</td>
            <td id="ele55" class="eleTD">
              <div id="element55" class="elements alkaliMetals r6 c1">
                <div class="eleNum">55</div>
                <div class="eleSym heavyFont">Cs</div>
                <div class="eleNm" id="caesium"></div>
                <div class="eleWt">132.9054519</div>
              </div>
            </td>
            <td id="ele56" class="eleTD">
              <div id="element56" class="elements alkalineEarthMetals r6 c2">
                <div class="eleNum">56</div>
                <div class="eleSym heavyFont">Ba</div>
                <div class="eleNm" id="barium"></div>
                <div class="eleWt">137.327</div>
              </div>
            </td>
            <td id="star1" class="text-center">*</td>
            <td id="ele72" class="eleTD">
              <div id="element72" class="elements transitionMetals r6 c4">
                <div class="eleNum">72</div>
                <div class="eleSym heavyFont">Hf</div>
                <div class="eleNm" id="hafnium"></div>
                <div class="eleWt">178.49</div>
              </div>
            </td>
            <td id="ele73" class="eleTD">
              <div id="element73" class="elements transitionMetals r6 c5">
                <div class="eleNum">73</div>
                <div class="eleSym heavyFont">Ta</div>
                <div class="eleNm" id="tantalum"></div>
                <div class="eleWt">180.94788</div>
              </div>
            </td>
            <td id="ele74" class="eleTD">
              <div id="element74" class="elements transitionMetals r6 c6">
                <div class="eleNum">74</div>
                <div class="eleSym heavyFont">W</div>
                <div class="eleNm" id="tungsten"></div>
                <div class="eleWt">183.84</div>
              </div>
            </td>
            <td id="ele75" class="eleTD">
              <div id="element75" class="elements transitionMetals r6 c7">
                <div class="eleNum">75</div>
                <div class="eleSym heavyFont">Re</div>
                <div class="eleNm" id="rhenium"></div>
                <div class="eleWt">186.207</div>
              </div>
            </td>
            <td id="ele76" class="eleTD">
              <div id="element76" class="elements transitionMetals r6 c8">
                <div class="eleNum">76</div>
                <div class="eleSym heavyFont">Os</div>
                <div class="eleNm" id="osmium"></div>
                <div class="eleWt">190.23</div>
              </div>
            </td>
            <td id="ele77" class="eleTD">
              <div id="element77" class="elements transitionMetals r6 c9">
                <div class="eleNum">77</div>
                <div class="eleSym heavyFont">Ir</div>
                <div class="eleNm" id="iridium"></div>
                <div class="eleWt">192.217</div>
              </div>
            </td>
            <td id="ele78" class="eleTD">
              <div id="element78" class="elements transitionMetals r6 c10">
                <div class="eleNum">78</div>
                <div class="eleSym heavyFont">Pt</div>
                <div class="eleNm" id="platinum"></div>
                <div class="eleWt">195.084</div>
              </div>
            </td>
            <td id="ele79" class="eleTD">
              <div id="element79" class="elements transitionMetals r6 c11">
                <div class="eleNum">79</div>
                <div class="eleSym heavyFont">Au</div>
                <div class="eleNm" id="gold"></div>
                <div class="eleWt">196.966569</div>
              </div>
            </td>
            <td id="ele80" class="eleTD">
              <div id="element80" class="elements transitionMetals r6 c12">
                <div class="eleNum">80</div>
                <div class="eleSym heavyFont">Hg</div>
                <div class="eleNm" id="mercury"></div>
                <div class="eleWt">200.59</div>
              </div>
            </td>
            <td id="ele81" class="eleTD">
              <div id="element81" class="elements postTransitionMetals r6 c13">
                <div class="eleNum">81</div>
                <div class="eleSym heavyFont">Tl</div>
                <div class="eleNm" id="thallium"></div>
                <div class="eleWt">204.3833</div>
              </div>
            </td>
            <td id="ele82" class="eleTD">
              <div id="element82" class="elements postTransitionMetals r6 c14">
                <div class="eleNum">82</div>
                <div class="eleSym heavyFont">Pb</div>
                <div class="eleNm" id="lead"></div>
                <div class="eleWt">207.2</div>
              </div>
            </td>
            <td id="ele83" class="eleTD">
              <div id="element83" class="elements postTransitionMetals r6 c15">
                <div class="eleNum">83</div>
                <div class="eleSym heavyFont">Bi</div>
                <div class="eleNm" id="bismuth"></div>
                <div class="eleWt">208.9804</div>
              </div>
            </td>
            <td id="ele84" class="eleTD">
              <div id="element84" class="elements metalloids r6 c16">
                <div class="eleNum">84</div>
                <div class="eleSym heavyFont">Po</div>
                <div class="eleNm" id="polonium"></div>
                <div class="eleWt">[210]</div>
              </div>
            </td>
            <td id="ele85" class="eleTD">
              <div id="element85" class="elements halogens r6 c17">
                <div class="eleNum">85</div>
                <div class="eleSym heavyFont">At</div>
                <div class="eleNm" id="astatine"></div>
                <div class="eleWt">[210]</div>
              </div>
            </td>
            <td id="ele86" class="eleTD">
              <div id="element86" class="elements nobleGases r6 c18">
                <div class="eleNum">86</div>
                <div class="eleSym heavyFont">Rn</div>
                <div class="eleNm" id="radon"></div>
                <div class="eleWt">[222]</div>
              </div>
            </td>
          </tr>
          <tr>
            <td id="period7" class="periods unselectable r7 text-center">7</td>
            <td id="ele87" class="eleTD">
              <div id="element87" class="elements alkaliMetals r7 c1">
                <div class="eleNum">87</div>
                <div class="eleSym heavyFont">Fr</div>
                <div class="eleNm" id="francium"></div>
                <div class="eleWt">[223]</div>
              </div>
            </td>
            <td id="ele88" class="eleTD">
              <div id="element88" class="elements alkalineEarthMetals r7 c2">
                <div class="eleNum">88</div>
                <div class="eleSym heavyFont">Ra</div>
                <div class="eleNm" id="radium"></div>
                <div class="eleWt">[226]</div>
              </div>
            </td>
            <td id="star2" class="text-center">**</td>
            <td id="ele104" class="eleTD">
              <div id="element104" class="elements transitionMetals r7 c4">
                <div class="eleNum">104</div>
                <div class="eleSym heavyFont">Rf</div>
                <div class="eleNm" id="rutherfordium"></div>
                <div class="eleWt">[267]</div>
              </div>
            </td>
            <td id="ele105" class="eleTD">
              <div id="element105" class="elements transitionMetals r7 c5">
                <div class="eleNum">105</div>
                <div class="eleSym heavyFont">Db</div>
                <div class="eleNm" id="dubnium"></div>
                <div class="eleWt">[268]</div>
              </div>
            </td>
            <td id="ele106" class="eleTD">
              <div id="element106" class="elements transitionMetals r7 c6">
                <div class="eleNum">106</div>
                <div class="eleSym heavyFont">Sg</div>
                <div class="eleNm" id="seaborgium"></div>
                <div class="eleWt">[269]</div>
              </div>
            </td>
            <td id="ele107" class="eleTD">
              <div id="element107" class="elements transitionMetals r7 c7">
                <div class="eleNum">107</div>
                <div class="eleSym heavyFont">Bh</div>
                <div class="eleNm" id="bohrium"></div>
                <div class="eleWt">[270]</div>
              </div>
            </td>
            <td id="ele108" class="eleTD">
              <div id="element108" class="elements transitionMetals r7 c8">
                <div class="eleNum">108</div>
                <div class="eleSym heavyFont">Hs</div>
                <div class="eleNm" id="hassium"></div>
                <div class="eleWt">[269]</div>
              </div>
            </td>
            <td id="ele109" class="eleTD">
              <div id="element109" class="elements transitionMetals r7 c9">
                <div class="eleNum">109</div>
                <div class="eleSym heavyFont">Mt</div>
                <div class="eleNm" id="meitnerium"></div>
                <div class="eleWt">[278]</div>
              </div>
            </td>
            <td id="ele110" class="eleTD">
              <div id="element110" class="elements transitionMetals r7 c10">
                <div class="eleNum">110</div>
                <div class="eleSym heavyFont">Ds</div>
                <div class="eleNm" id="darmstadtium"></div>
                <div class="eleWt">[281]</div>
              </div>
            </td>
            <td id="ele111" class="eleTD">
              <div id="element111" class="elements transitionMetals r7 c11">
                <div class="eleNum">111</div>
                <div class="eleSym heavyFont">Rg</div>
                <div class="eleNm" id="roentgenium"></div>
                <div class="eleWt">[281]</div>
              </div>
            </td>
            <td id="ele112" class="eleTD">
              <div id="element112" class="elements transitionMetals r7 c12">
                <div class="eleNum">112</div>
                <div class="eleSym heavyFont">Cn</div>
                <div class="eleNm" id="copernicium"></div>
                <div class="eleWt">[285]</div>
              </div>
            </td>
            <td id="ele113" class="eleTD">
              <div id="element113" class="elements postTransitionMetals r7 c13">
                <div class="eleNum">113</div>
                <div class="eleSym heavyFont">Nh</div>
                <div class="eleNm" id="nihonium"></div>
                <div class="eleWt">[286]</div>
              </div>
            </td>
            <td id="ele114" class="eleTD">
              <div id="element114" class="elements postTransitionMetals r7 c14">
                <div class="eleNum">114</div>
                <div class="eleSym heavyFont">Fl</div>
                <div class="eleNm" id="flerovium"></div>
                <div class="eleWt">[289]</div>
              </div>
            </td>
            <td id="ele115" class="eleTD">
              <div id="element115" class="elements postTransitionMetals r7 c15">
                <div class="eleNum">115</div>
                <div class="eleSym heavyFont">Mc</div>
                <div class="eleNm" id="moscovium"></div>
                <div class="eleWt">[288]</div>
              </div>
            </td>
            <td id="ele116" class="eleTD">
              <div id="element116" class="elements postTransitionMetals r7 c16">
                <div class="eleNum">116</div>
                <div class="eleSym heavyFont">Lv</div>
                <div class="eleNm" id="livermorium"></div>
                <div class="eleWt">[293]</div>
              </div>
            </td>
            <td id="ele117" class="eleTD">
              <div id="element117" class="elements halogens r7 c17">
                <div class="eleNum">117</div>
                <div class="eleSym heavyFont">Ts</div>
                <div class="eleNm" id="tennessine"></div>
                <div class="eleWt">[294]</div>
              </div>
            </td>
            <td id="ele118" class="eleTD">
              <div id="element118" class="elements nobleGases r7 c18">
                <div class="eleNum">118</div>
                <div class="eleSym heavyFont">Og</div>
                <div class="eleNm" id="oganesson"></div>
                <div class="eleWt">[294]</div>
              </div>
            </td>
          </tr>
          <tr>
            <td class="gap"></td>
          </tr>
          <tr>
            <td></td>
            <td colspan="2" id="lanthanides" class="text-left"><span>* </span><span id="lanthanidesMain"></span></td>
            <td id="ele57" class="eleTD">
              <div id="element57" class="elements lanthanides r6">
                <div class="eleNum">57</div>
                <div class="eleSym heavyFont">La</div>
                <div class="eleNm" id="lanthanum"></div>
                <div class="eleWt">138.90547</div>
              </div>
            </td>
            <td id="ele58" class="eleTD">
              <div id="element58" class="elements lanthanides r6">
                <div class="eleNum">58</div>
                <div class="eleSym heavyFont">Ce</div>
                <div class="eleNm" id="cerium"></div>
                <div class="eleWt">140.116</div>
              </div>
            </td>
            <td id="ele59" class="eleTD">
              <div id="element59" class="elements lanthanides r6">
                <div class="eleNum">59</div>
                <div class="eleSym heavyFont">Pr</div>
                <div class="eleNm" id="praseodymium"></div>
                <div class="eleWt">140.90765</div>
              </div>
            </td>
            <td id="ele60" class="eleTD">
              <div id="element60" class="elements lanthanides r6">
                <div class="eleNum">60</div>
                <div class="eleSym heavyFont">Nd</div>
                <div class="eleNm" id="neodymium"></div>
                <div class="eleWt">144.242</div>
              </div>
            </td>
            <td id="ele61" class="eleTD">
              <div id="element61" class="elements lanthanides r6">
                <div class="eleNum">61</div>
                <div class="eleSym heavyFont">Pm</div>
                <div class="eleNm" id="promethium"></div>
                <div class="eleWt">[145]</div>
              </div>
            </td>
            <td id="ele62" class="eleTD">
              <div id="element62" class="elements lanthanides r6">
                <div class="eleNum">62</div>
                <div class="eleSym heavyFont">Sm</div>
                <div class="eleNm" id="samarium"></div>
                <div class="eleWt">150.36</div>
              </div>
            </td>
            <td id="ele63" class="eleTD">
              <div id="element63" class="elements lanthanides r6">
                <div class="eleNum">63</div>
                <div class="eleSym heavyFont">Eu</div>
                <div class="eleNm" id="europium"></div>
                <div class="eleWt">151.964</div>
              </div>
            </td>
            <td id="ele64" class="eleTD">
              <div id="element64" class="elements lanthanides r6">
                <div class="eleNum">64</div>
                <div class="eleSym heavyFont">Gd</div>
                <div class="eleNm" id="gadolinium"></div>
                <div class="eleWt">157.25</div>
              </div>
            </td>
            <td id="ele65" class="eleTD">
              <div id="element65" class="elements lanthanides r6">
                <div class="eleNum">65</div>
                <div class="eleSym heavyFont">Tb</div>
                <div class="eleNm" id="terbium"></div>
                <div class="eleWt">158.92535</div>
              </div>
            </td>
            <td id="ele66" class="eleTD">
              <div id="element66" class="elements lanthanides r6">
                <div class="eleNum">66</div>
                <div class="eleSym heavyFont">Dy</div>
                <div class="eleNm" id="dysprosium"></div>
                <div class="eleWt">162.5</div>
              </div>
            </td>
            <td id="ele67" class="eleTD">
              <div id="element67" class="elements lanthanides r6">
                <div class="eleNum">67</div>
                <div class="eleSym heavyFont">Ho</div>
                <div class="eleNm" id="holmium"></div>
                <div class="eleWt">164.93032</div>
              </div>
            </td>
            <td id="ele68" class="eleTD">
              <div id="element68" class="elements lanthanides r6">
                <div class="eleNum">68</div>
                <div class="eleSym heavyFont">Er</div>
                <div class="eleNm" id="erbium"></div>
                <div class="eleWt">167.259</div>
              </div>
            </td>
            <td id="ele69" class="eleTD">
              <div id="element69" class="elements lanthanides r6">
                <div class="eleNum">69</div>
                <div class="eleSym heavyFont">Tm</div>
                <div class="eleNm" id="thulium"></div>
                <div class="eleWt">168.93421</div>
              </div>
            </td>
            <td id="ele70" class="eleTD">
              <div id="element70" class="elements lanthanides r6">
                <div class="eleNum">70</div>
                <div class="eleSym heavyFont">Yb</div>
                <div class="eleNm" id="ytterbium"></div>
                <div class="eleWt">173.054</div>
              </div>
            </td>
            <td id="ele71" class="eleTD">
              <div id="element71" class="elements lanthanides r6">
                <div class="eleNum">71</div>
                <div class="eleSym heavyFont">Lu</div>
                <div class="eleNm" id="lutetium"></div>
                <div class="eleWt">174.9668</div>
              </div>
            </td>
          </tr>
          <tr>
            <td></td>
            <td colspan="2" id="actinides" class="text-left"><span>** </span><span id="actinidesMain"></span></td>
            <td id="ele89" class="eleTD">
              <div id="element89" class="elements actinides r7">
                <div class="eleNum">89</div>
                <div class="eleSym heavyFont">Ac</div>
                <div class="eleNm" id="actinium"></div>
                <div class="eleWt">[227]</div>
              </div>
            </td>
            <td id="ele90" class="eleTD">
              <div id="element90" class="elements actinides r7">
                <div class="eleNum">90</div>
                <div class="eleSym heavyFont">Th</div>
                <div class="eleNm" id="thorium"></div>
                <div class="eleWt">232.03806</div>
              </div>
            </td>
            <td id="ele91" class="eleTD">
              <div id="element91" class="elements actinides r7">
                <div class="eleNum">91</div>
                <div class="eleSym heavyFont">Pa</div>
                <div class="eleNm" id="protactinium"></div>
                <div class="eleWt">231.03588</div>
              </div>
            </td>
            <td id="ele92" class="eleTD">
              <div id="element92" class="elements actinides r7">
                <div class="eleNum">92</div>
                <div class="eleSym heavyFont">U</div>
                <div class="eleNm" id="uranium"></div>
                <div class="eleWt">238.02891</div>
              </div>
            </td>
            <td id="ele93" class="eleTD">
              <div id="element93" class="elements actinides r7">
                <div class="eleNum">93</div>
                <div class="eleSym heavyFont">Np</div>
                <div class="eleNm" id="neptunium"></div>
                <div class="eleWt">[237]</div>
              </div>
            </td>
            <td id="ele94" class="eleTD">
              <div id="element94" class="elements actinides r7">
                <div class="eleNum">94</div>
                <div class="eleSym heavyFont">Pu</div>
                <div class="eleNm" id="plutonium"></div>
                <div class="eleWt">[244]</div>
              </div>
            </td>
            <td id="ele95" class="eleTD">
              <div id="element95" class="elements actinides r7">
                <div class="eleNum">95</div>
                <div class="eleSym heavyFont">Am</div>
                <div class="eleNm" id="americium"></div>
                <div class="eleWt">[243]</div>
              </div>
            </td>
            <td id="ele96" class="eleTD">
              <div id="element96" class="elements actinides r7">
                <div class="eleNum">96</div>
                <div class="eleSym heavyFont">Cm</div>
                <div class="eleNm" id="curium"></div>
                <div class="eleWt">[247]</div>
              </div>
            </td>
            <td id="ele97" class="eleTD">
              <div id="element97" class="elements actinides r7">
                <div class="eleNum">97</div>
                <div class="eleSym heavyFont">Bk</div>
                <div class="eleNm" id="berkelium"></div>
                <div class="eleWt">[247]</div>
              </div>
            </td>
            <td id="ele98" class="eleTD">
              <div id="element98" class="elements actinides r7">
                <div class="eleNum">98</div>
                <div class="eleSym heavyFont">Cf</div>
                <div class="eleNm" id="californium"></div>
                <div class="eleWt">[251]</div>
              </div>
            </td>
            <td id="ele99" class="eleTD">
              <div id="element99" class="elements actinides r7">
                <div class="eleNum">99</div>
                <div class="eleSym heavyFont">Es</div>
                <div class="eleNm" id="einsteinium"></div>
                <div class="eleWt">[252]</div>
              </div>
            </td>
            <td id="ele100" class="eleTD">
              <div id="element100" class="elements actinides r7">
                <div class="eleNum">100</div>
                <div class="eleSym heavyFont">Fm</div>
                <div class="eleNm" id="fermium"></div>
                <div class="eleWt">[257]</div>
              </div>
            </td>
            <td id="ele101" class="eleTD">
              <div id="element101" class="elements actinides r7">
                <div class="eleNum">101</div>
                <div class="eleSym heavyFont">Md</div>
                <div class="eleNm" id="mendelevium"></div>
                <div class="eleWt">[258]</div>
              </div>
            </td>
            <td id="ele102" class="eleTD">
              <div id="element102" class="elements actinides r7">
                <div class="eleNum">102</div>
                <div class="eleSym heavyFont">No</div>
                <div class="eleNm" id="nobelium"></div>
                <div class="eleWt">[259]</div>
              </div>
            </td>
            <td id="ele103" class="eleTD">
              <div id="element103" class="elements actinides r7">
                <div class="eleNum">103</div>
                <div class="eleSym heavyFont">Lr</div>
                <div class="eleNm" id="lawrencium"></div>
                <div class="eleWt">[262]</div>
              </div>
            </td>
          </tr>
          <tr>
            <td class="gap"></td>
          </tr>
          <tr>
            <td></td>
            <td colspan="18">
              <div class="flex text-center margin-bottom-20 width-100">
                <div id="ctg1" class="flex-auto category alkaliMetals unselectable"></div>
                <div id="ctg2" class="flex-auto category alkalineEarthMetals unselectable"></div>
                <div id="ctg3" class="flex-auto category transitionMetals unselectable"></div>
                <div id="ctg4" class="flex-auto category postTransitionMetals unselectable"></div>
                <div id="ctg5" class="flex-auto category otherNonmetals unselectable"></div>
                <div id="ctg6" class="flex-auto category metalloids unselectable"></div>
                <div id="ctg7" class="flex-auto category halogens unselectable"></div>
                <div id="ctg8" class="flex-auto category nobleGases unselectable"></div>
                <div id="ctg9" class="flex-auto category lanthanides unselectable"></div>
                <div id="ctg10" class="flex-auto category actinides unselectable"></div>
              </div>
            </td>
          </tr>
          <tr></tr>
        </tbody>
      </table>
    </div>
    <div id="footer"></div>
    <!-- Modal -->
    <div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="modalSettings" aria-hidden="true">
    </div>

    <!-- CSS and JavaScript placed at the end of the document so the pages load faster
    ========================================================================================== -->
    <script>
      loadjs = (function () {
        function e(e, n) {
          var t,
            r,
            i,
            c = [],
            o = (e = e.push ? e : [e]).length,
            f = o;
          for (
            t = function (e, t) {
              t.length && c.push(e), --f || n(c);
            };
            o--;

          )
            (r = e[o]), (i = s[r]) ? t(r, i) : (u[r] = u[r] || []).push(t);
        }
        function n(e, n) {
          if (e) {
            var t = u[e];
            if (((s[e] = n), t)) for (; t.length; ) t[0](e, n), t.splice(0, 1);
          }
        }
        function t(e, n, r, i) {
          var o,
            s,
            u = document,
            f = r.async,
            a = (r.numRetries || 0) + 1,
            h = r.before || c;
          (i = i || 0),
            /(^css!|\.css$)/.test(e)
              ? ((o = !0), ((s = u.createElement("link")).rel = "stylesheet"), (s.href = e.replace(/^css!/, "")))
              : (((s = u.createElement("script")).src = e), (s.async = void 0 === f || f)),
            (s.onload = s.onerror = s.onbeforeload = function (c) {
              var u = c.type[0];
              if (o && "hideFocus" in s)
                try {
                  s.sheet.cssText.length || (u = "e");
                } catch (e) {
                  u = "e";
                }
              if ("e" == u && (i += 1) < a) return t(e, n, r, i);
              n(e, u, c.defaultPrevented);
            }),
            !1 !== h(e, s) && u.head.appendChild(s);
        }
        function r(e, n, r) {
          var i,
            c,
            o = (e = e.push ? e : [e]).length,
            s = o,
            u = [];
          for (
            i = function (e, t, r) {
              if (("e" == t && u.push(e), "b" == t)) {
                if (!r) return;
                u.push(e);
              }
              --o || n(u);
            },
              c = 0;
            c < s;
            c++
          )
            t(e[c], i, r);
        }
        function i(e, t, i) {
          var s, u;
          if ((t && t.trim && (s = t), (u = (s ? i : t) || {}), s)) {
            if (s in o) throw "LoadJS";
            o[s] = !0;
          }
          r(
            e,
            function (e) {
              e.length ? (u.error || c)(e) : (u.success || c)(), n(s, e);
            },
            u
          );
        }
        var c = function () {},
          o = {},
          s = {},
          u = {};
        return (
          (i.ready = function (n, t) {
            return (
              e(n, function (e) {
                e.length ? (t.error || c)(e) : (t.success || c)();
              }),
              i
            );
          }),
          (i.done = function (e) {
            n(e, []);
          }),
          (i.reset = function () {
            (o = {}), (s = {}), (u = {});
          }),
          (i.isDefined = function (e) {
            return e in o;
          }),
          i
        );
      })();
      loadjs(["btstrp.list.iso.min.js"], {
        success: function () {
          setLangFile(derivedLang);
          loadjs(["constants.min.js", "locales/locale." + derivedLang + ".js"], {
            success: function () {
              indexLoad();
            },
          });
        },
      });
    </script>
    <!-- Get the details from https://woo-metadata-tool.janpotoms.now.sh/ -->
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "Periodic-Table.io",
        "url": "https://periodic-table.io",
        "address": "",
        "sameAs": ["https://twitter.com/periodictableio"]
      }
    </script>
  </body>
</html>
